<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<link rel="icon" href="assets/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" />
		<meta content="1 days" name="revisit-after" />
	<meta content="telephone=no" name="format-detection" />
	
	<meta name="viewport" content="width=750,user-scalable=0,target-densitydpi=device-dpi">
	<!--
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />
-->

	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="false" id="twcClient" name="twcClient" />
		
	<title>沃尔沃</title>
	<script>var zmdoc = zmdoc||{};</script>
	<!--[if IE]>
							<![endif]-->

		
			<script type="text/javascript">
				var shopList = [{"name":"北京","city":[{"name":"北京","shop":[{"name":"沃尔沃汽车北京中汽南方百旺4S中心"},{"name":"沃尔沃汽车北京中汽南方亦庄4S中心"},{"name":"沃尔沃汽车北京中汽南方东四环展厅 "},{"name":"沃尔沃汽车北京中诚海华4S中心 "},{"name":"沃尔沃汽车北京宝辰欧雅4S中心 "},{"name":"沃尔沃汽车北京海之沃4S中心"},{"name":"沃尔沃汽车北京中汽南方中关村4S中心"},{"name":"沃尔沃汽车北京燕豪金港4S中心"},{"name":"沃尔沃汽车北京元之沃4S中心"},{"name":"沃尔沃汽车北京海之沃城市展厅"},{"name":"沃尔沃汽车北京宝辰沃雅4S中心"},{"name":"沃尔沃汽车北京正通鼎沃3S中心"}]}]},{"name":"甘肃","city":[{"name":"兰州","shop":[{"name":"沃尔沃汽车兰州福康4S中心"},{"name":"沃尔沃汽车兰州庞大兴沃4S中心"}]}]},{"name":"河北","city":[{"name":"石家庄","shop":[{"name":"沃尔沃汽车石家庄冀东东沃4S中心"},{"name":"沃尔沃汽车石家庄瑞沃4S中心"}]},{"name":"唐山","shop":[{"name":"沃尔沃汽车唐山庞大兴沃4S中心"},{"name":"沃尔沃汽车唐山凯骐4S中心"}]},{"name":"保定","shop":[{"name":"沃尔沃汽车保定庞大兴沃4S中心"},{"name":"沃尔沃汽车保定轩宇骐骥4S中心"}]},{"name":"邯郸","shop":[{"name":"沃尔沃汽车邯郸庞大兴沃4S中心"}]},{"name":"邢台","shop":[{"name":"沃尔沃汽车邢台蓝池4S中心"}]},{"name":"沧州","shop":[{"name":"沃尔沃汽车沧州广汇4S中心"}]}]},{"name":"黑龙江","city":[{"name":"哈尔滨","shop":[{"name":"沃尔沃汽车黑龙江尊荣4S中心"},{"name":"沃尔沃汽车哈尔滨尊荣亿方4S中心"}]},{"name":"大庆","shop":[{"name":"沃尔沃汽车大庆尊荣4S中心"}]}]},{"name":"吉林","city":[{"name":"长春","shop":[{"name":"沃尔沃汽车长春盛荣4S中心"},{"name":"沃尔沃汽车长春维信4S中心"}]},{"name":"吉林","shop":[{"name":"沃尔沃汽车吉林市吉林维信4S中心"}]}]},{"name":"辽宁","city":[{"name":"大连","shop":[{"name":"沃尔沃汽车大连尊荣亿方4S中心"},{"name":"沃尔沃汽车大连尊荣亿方城市展厅"},{"name":"沃尔沃大连尊荣汽车4S中心"}]},{"name":"沈阳","shop":[{"name":"沃尔沃汽车沈阳尊荣4S中心"},{"name":"沃尔沃汽车沈阳尊荣富沃4S中心"}]},{"name":"鞍山","shop":[{"name":"沃尔沃汽车鞍山尊荣4S中心"}]},{"name":"锦州","shop":[{"name":"沃尔沃汽车锦州尊荣4S中心"}]}]},{"name":"内蒙古","city":[{"name":"包头","shop":[{"name":"沃尔沃汽车包头庞大兴沃4S中心"}]},{"name":"呼和浩特","shop":[{"name":"沃尔沃汽车呼和浩特庞大兴沃4S中心"},{"name":"沃尔沃汽车呼和浩特宝辰欧雅4S中心"}]},{"name":"赤峰","shop":[{"name":"沃尔沃汽车赤峰庞大兴沃4S中心"}]}]},{"name":"山东","city":[{"name":"济南","shop":[{"name":"沃尔沃汽车济南富豪4S中心"},{"name":"沃尔沃汽车山东新富豪4S中心"},{"name":"沃尔沃汽车济南京泰4S中心"}]},{"name":"青岛","shop":[{"name":"沃尔沃汽车青岛富豪4S中心"},{"name":"沃尔沃汽车青岛富融4S中心"}]},{"name":"烟台","shop":[{"name":"沃尔沃汽车烟台富豪4S中心"}]},{"name":"潍坊","shop":[{"name":"沃尔沃汽车潍坊诺德4S中心"}]},{"name":"济宁","shop":[{"name":"沃尔沃汽车济宁恒昌4S中心"}]},{"name":"临沂","shop":[{"name":"沃尔沃汽车临沂富豪4S中心"}]},{"name":"淄博","shop":[{"name":"沃尔沃汽车淄博奥德达4S中心"}]},{"name":"泰安","shop":[{"name":"沃尔沃汽车泰安富豪4S中心"}]},{"name":"东营","shop":[{"name":"沃尔沃汽车东营富豪4S中心"}]},{"name":"威海","shop":[{"name":"沃尔沃汽车 威海 威海富豪 4S中心 "}]},{"name":"滨州","shop":[{"name":"沃尔沃汽车滨州东泰4S中心"}]},{"name":"德州","shop":[{"name":"沃尔沃汽车德州瑞沃4S中心"}]}]},{"name":"山西","city":[{"name":"太原","shop":[{"name":"沃尔沃汽车太原富豪新华夏4S中心"},{"name":"沃尔沃汽车太原富豪新华夏平阳展厅"}]},{"name":"大同","shop":[{"name":"沃尔沃汽车大同雁之沃城市展厅"}]},{"name":"临汾","shop":[{"name":"沃尔沃汽车临汾海之沃4S中心"}]},{"name":"运城","shop":[{"name":"沃尔沃汽车运城海之沃4S中心"}]}]},{"name":"陕西","city":[{"name":"西安","shop":[{"name":"沃尔沃汽车西安佳豪4S中心"},{"name":"沃尔沃汽车陕西佳骏4S中心"},{"name":"沃尔沃汽车西安天润4S中心"},{"name":"沃尔沃西安天一汇通4S中心"}]},{"name":"榆林","shop":[{"name":"沃尔沃汽车榆林佳豪金鼎4S中心"}]},{"name":"咸阳","shop":[{"name":"沃尔沃汽车咸阳新丰泰4S中心"}]},{"name":"宝鸡","shop":[{"name":"沃尔沃汽车宝鸡宝沃4S中心"}]},{"name":"延安","shop":[{"name":"沃尔沃汽车延安广汇4S中心"}]}]},{"name":"天津","city":[{"name":"天津","shop":[{"name":"沃尔沃汽车天津中汽南方4S中心"},{"name":"沃尔沃汽车天津通孚祥4S中心"},{"name":"沃尔沃汽车天津荣沃4S中心"}]}]},{"name":"新疆","city":[{"name":"乌鲁木齐","shop":[{"name":"沃尔沃汽车乌鲁木齐金涛4S中心"}]}]},{"name":"安徽","city":[{"name":"合肥","shop":[{"name":"沃尔沃汽车合肥捷沃4S中心"},{"name":"沃尔沃汽车合肥瑞杰4S中心"},{"name":"沃尔沃汽车合肥恒信4S中心"}]},{"name":"阜阳","shop":[{"name":"沃尔沃汽车阜阳瑞杰豪骏4S中心"}]},{"name":"芜湖","shop":[{"name":"沃尔沃汽车芜湖豪骏4S中心"}]},{"name":"蚌埠","shop":[{"name":"沃尔沃汽车蚌埠市蚌埠永达沃尔沃4S中心"}]}]},{"name":"河南","city":[{"name":"郑州","shop":[{"name":"沃尔沃汽车郑州锦堂盛4S中心"},{"name":"沃尔沃汽车郑州市郑州鼎沃4S中心"},{"name":"沃尔沃汽车郑州中沃4S中心"},{"name":"沃尔沃汽车郑州东沃4S中心"}]},{"name":"洛阳","shop":[{"name":"沃尔沃汽车洛阳恒信瑞沃4S中心"}]},{"name":"平顶山","shop":[{"name":"沃尔沃汽车平顶山市丰海4S中心"}]},{"name":"安阳","shop":[{"name":"沃尔沃汽车安阳东安4S中心"}]},{"name":"商丘","shop":[{"name":"沃尔沃汽车商丘商沃4S中心"}]},{"name":"南阳","shop":[{"name":"沃尔沃汽车南阳和谐4S中心"}]},{"name":"新乡","shop":[{"name":"沃尔沃汽车新乡东安4S中心"}]}]},{"name":"湖北","city":[{"name":"武汉","shop":[{"name":"沃尔沃汽车武汉富豪4S中心"},{"name":"沃尔沃汽车武汉富融4S中心"},{"name":"沃尔沃汽车武汉恒信瑞沃4S中心 "},{"name":"沃尔沃汽车武汉建银4S中心"}]},{"name":"襄阳","shop":[{"name":"沃尔沃汽车襄阳建银4S中心"}]},{"name":"宜昌","shop":[{"name":"沃尔沃汽车宜昌恒信瑞沃4S中心"}]}]},{"name":"江苏","city":[{"name":"常州","shop":[{"name":"沃尔沃汽车常州富豪4S中心"}]},{"name":"南通","shop":[{"name":"沃尔沃汽车南通东沃4S中心"},{"name":"沃尔沃汽车南通市南通文峰恒信行4S中心"}]},{"name":"苏州","shop":[{"name":"沃尔沃汽车苏州世之贸4S中心"},{"name":"沃尔沃汽车苏州通孚祥4S中心"},{"name":"沃尔沃汽车苏州东昌4S中心"},{"name":"沃尔沃汽车昆山通孚祥展厅"}]},{"name":"无锡","shop":[{"name":"沃尔沃汽车无锡东方吉羊4S中心"},{"name":"沃尔沃汽车无锡富绅城市展厅"},{"name":"沃尔沃汽车江阴东方沃邦4S中心"},{"name":"沃尔沃汽车宜兴东方沃邦4S中心"}]},{"name":"扬州","shop":[{"name":"沃尔沃汽车扬州富豪4S中心"}]},{"name":"南京","shop":[{"name":"沃尔沃汽车江苏世贸泰信东盛4S中心"},{"name":"沃尔沃汽车南京世贸泰信4S中心"},{"name":"沃尔沃汽车南京天泓凯润4S中心"}]},{"name":"徐州","shop":[{"name":"沃尔沃汽车徐州世贸泰信汽车4S中心"}]},{"name":"泰州","shop":[{"name":"沃尔沃汽车泰州富豪4S中心"}]},{"name":"镇江","shop":[{"name":"沃尔沃汽车镇江世贸泰信4S中心"}]},{"name":"盐城","shop":[{"name":"沃尔沃汽车盐城东昌4S中心"}]},{"name":"常熟","shop":[{"name":"沃尔沃汽车常熟通孚祥3S中心"}]},{"name":"连云港","shop":[{"name":"沃尔沃汽车连云港伟途4S中心"}]}]},{"name":"江西","city":[{"name":"南昌","shop":[{"name":"沃尔沃汽车南昌绿地名沃4S中心"},{"name":"沃尔沃汽车南昌东沃4S中心"}]},{"name":"赣州","shop":[{"name":"沃尔沃汽车赣州绿地祥沃4S中心"}]},{"name":"九江","shop":[{"name":"沃尔沃汽车九江福沃4S中心"}]},{"name":"上饶","shop":[{"name":"沃尔沃汽车上饶名一4S中心"}]}]},{"name":"上海","city":[{"name":"上海","shop":[{"name":"沃尔沃汽车上海通孚祥4S中心 "},{"name":"沃尔沃汽车上海永达4S中心"},{"name":"沃尔沃汽车上海通孚祥宝山4S中心"},{"name":"沃尔沃汽车上海永达嘉沃4S中心"},{"name":"沃尔沃汽车上海永达申杰4S"},{"name":"沃尔沃汽车上海东昌4S中心"},{"name":"沃尔沃汽车上海世之沃浦西4S中心"},{"name":"沃尔沃汽车上海永达沃尔沃4S中心"}]}]},{"name":"浙江","city":[{"name":"杭州","shop":[{"name":"沃尔沃汽车杭州世之贸4S中心"},{"name":"沃尔沃汽车浙江元通元瑞4S中心"},{"name":"沃尔沃汽车浙江万友维修站"},{"name":"沃尔沃汽车杭州中沃4S中心"}]},{"name":"嘉兴","shop":[{"name":"沃尔沃汽车嘉兴元通元瑞4S中心"},{"name":"沃尔沃汽车海宁弘丰4S中心"}]},{"name":"宁波","shop":[{"name":"沃尔沃汽车宁波元通元瑞4S中心"},{"name":"沃尔沃汽车宁波丰颐4S中心"},{"name":"沃尔沃汽车宁波沃龙4S中心"}]},{"name":"绍兴","shop":[{"name":"沃尔沃汽车绍兴海昌4S中心"}]},{"name":"台州","shop":[{"name":"沃尔沃汽车台州凯和4S中心"}]},{"name":"温州","shop":[{"name":"沃尔沃汽车温州东昌4S中心"},{"name":"沃尔沃汽车温州荣沃4S中心"}]},{"name":"湖州","shop":[{"name":"沃尔沃汽车湖州瑞杰4S中心"}]},{"name":"义乌","shop":[{"name":"沃尔沃汽车义乌金沃维修站"}]},{"name":"舟山","shop":[{"name":"沃尔沃汽车舟山永杰4S中心"}]},{"name":"衢州","shop":[{"name":"沃尔沃汽车衢州君悦瑞沃4S中心"}]},{"name":"金华","shop":[{"name":"沃尔沃汽车金华中沃4S中心"}]}]},{"name":"福建","city":[{"name":"泉州","shop":[{"name":"沃尔沃汽车泉州鸿海4S中心"},{"name":"沃尔沃汽车泉州中升沃茂 4S中心"}]},{"name":"厦门","shop":[{"name":"沃尔沃汽车厦门新成功4S中心"},{"name":"沃尔沃汽车厦门中升沃茂4S中心"}]},{"name":"福州","shop":[{"name":"沃尔沃汽车福州吉诺富豪4S中心"},{"name":"沃尔沃汽车福州中汽南方4S中心"}]},{"name":"龙岩","shop":[{"name":"沃尔沃汽车龙岩英瑞福4S中心"}]},{"name":"三明","shop":[{"name":"沃尔沃汽车三明吉诺富豪4S中心"}]},{"name":"漳州","shop":[{"name":"沃尔沃汽车漳州新成功4S店中心"}]},{"name":"莆田","shop":[{"name":"沃尔沃汽车莆田吉诺4S中心"}]}]},{"name":"广东","city":[{"name":"东莞","shop":[{"name":"沃尔沃汽车东莞中汽南方4S中心"},{"name":"沃尔沃汽车东莞世沃4S中心"}]},{"name":"佛山","shop":[{"name":"沃尔沃汽车佛山富豪城市展厅"},{"name":"沃尔沃汽车佛山富豪4S中心"},{"name":"沃尔沃汽车顺德世维4S中心 "},{"name":"沃尔沃汽车佛山南方骏沃4S中心"}]},{"name":"广州","shop":[{"name":"沃尔沃汽车广州永安富豪4S中心"},{"name":"沃尔沃汽车广州世祥4S中心"},{"name":"沃尔沃汽车广东中汽南方天河城市展厅"},{"name":"沃尔沃汽车广州广物君沃4S中心"},{"name":"沃尔沃汽车广州南方骏沃4S中心"}]},{"name":"揭阳","shop":[{"name":"沃尔沃汽车揭阳恒丰4S中心"}]},{"name":"汕头","shop":[{"name":"沃尔沃汽车汕头恒康4S中心 "}]},{"name":"深圳","shop":[{"name":"沃尔沃汽车深圳中汽南方4S中心"},{"name":"沃尔沃汽车深圳天汽南方4S中心"},{"name":"沃尔沃汽车深圳德顺行龙岗展厅"},{"name":"沃尔沃汽车深圳鼎沃3S中心"},{"name":"沃尔沃汽车深圳德顺4S中心"},{"name":"沃尔沃汽车深圳市德智行4S中心"},{"name":"沃尔沃汽车深圳德利行4S中心"}]},{"name":"中山","shop":[{"name":"沃尔沃汽车中山中汽南方4S中心"}]},{"name":"珠海","shop":[{"name":"沃尔沃汽车珠海中汽南方4S中心"}]},{"name":"江门","shop":[{"name":"沃尔沃汽车江门元柏通4S中心"}]},{"name":"湛江","shop":[{"name":"沃尔沃汽车湛江合沃4s中心"}]}]},{"name":"广西","city":[{"name":"南宁","shop":[{"name":"沃尔沃汽车南宁弘瑞4S中心"}]},{"name":"桂林","shop":[{"name":"沃尔沃汽车桂林弘瑞城市展厅"},{"name":"沃尔沃汽车桂林广汇3S中心"}]},{"name":"柳州","shop":[{"name":"沃尔沃汽车柳州弘耀 4S中心"}]},{"name":"钦州","shop":[{"name":"沃尔沃汽车钦州恒沃4S中心"}]}]},{"name":"贵州","city":[{"name":"贵阳","shop":[{"name":"沃尔沃汽车贵州天鼎4S中心"},{"name":"沃尔沃汽车贵阳中沃4S中心"}]}]},{"name":"海南","city":[{"name":"海口","shop":[{"name":"沃尔沃汽车海南天昌达4S中心"}]}]},{"name":"湖南","city":[{"name":"长沙","shop":[{"name":"沃尔沃汽车长沙中汽南方4S中心"},{"name":"沃尔沃汽车长沙建沃4S中心"},{"name":"沃尔沃汽车长沙德熙行4S中心"}]},{"name":"株洲","shop":[{"name":"沃尔沃汽车株洲德顺4S中心"}]},{"name":"怀化","shop":[{"name":"沃尔沃汽车怀化仁达4S中心"}]}]},{"name":"四川","city":[{"name":"成都","shop":[{"name":"沃尔沃汽车成都三和4S中心"},{"name":"沃尔沃汽车成都通孚祥4S中心"},{"name":"沃尔沃汽车成都长征沃尔沃4S中心"},{"name":"沃尔沃汽车成都广汇4S中心"},{"name":"沃尔沃汽车成都建国4S中心"}]},{"name":"乐山","shop":[{"name":"沃尔沃汽车乐山通孚祥城市展厅"}]},{"name":"绵阳","shop":[{"name":"沃尔沃汽车绵阳通孚祥4S中心"}]},{"name":"南充","shop":[{"name":"沃尔沃汽车南充品信4S中心"}]},{"name":"泸州","shop":[{"name":"沃尔沃汽车泸州市泸州中沃4S中心"}]}]},{"name":"云南","city":[{"name":"昆明","shop":[{"name":"沃尔沃汽车昆明富豪4S中心"},{"name":"沃尔沃汽车云南华沃4S中心"},{"name":"沃尔沃汽车昆明庞润荣沃4S中心"}]},{"name":"红河","shop":[{"name":"沃尔沃汽车红河沃捷4S中心"}]}]},{"name":"重庆","city":[{"name":"重庆","shop":[{"name":"沃尔沃汽车重庆西南富豪4S中心"},{"name":"沃尔沃汽车重庆龙华沃华4S中心"},{"name":"沃尔沃汽车重庆万友都成4S中心"},{"name":"沃尔沃汽车重庆万友3S中心"},{"name":"沃尔沃重庆高新璟沃4S中心"}]}]},{"name":"宁夏","city":[{"name":"银川","shop":[{"name":"沃尔沃汽车银川宁夏佳丰4S中心"}]}]},{"name":"青海","city":[{"name":"西宁","shop":[{"name":"沃尔沃汽车西宁赛亚金孚4S中心"}]}]}];

			</script>
	<style type="text/css">@charset utf-8;

body,html,nav,ol,th,embed,abbr,li,input,gloabl,h2,input,td,h1,blockquote,xml,div,dl,dt,dd,ul,h3,h4,h5,h6,pre,form,fieldset,p
{
	margin:0;
	padding:0;
}

img,fieldset,body,html
{
	border:none;
}

address,caption,cite,code,dfn,em,strong,th,abbr,var
{
	font-style:normal;
	font-weight:400;
}

ol,ul
{
	list-style:none;
}

caption,th
{
	text-align:left;
}

h1,h2,h3,h4,h5,h6
{
	line-height:1;
	font-family:"microsoft yahei",SimSun,Arial,adelle-1,adelle-2,kulturista-web-1,kulturista-web-2,"Nixie One",StMarieThin,Georgia,serif;
}

q:before,q:after
{
	content:'';
}

table
{
	border-collapse:collapse;
	border-spacing:0;
}

html
{
	font:62.5%/150% SimSun,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#333;
	background-color:#FFF;
}

strong
{
	font-weight:700;
}

.clearfix
{
	clear:both;
	zoom:1;
}

.clearfix:after
{
	content:".";
	clear:both;
	display:block;
	height:0;
	font:0/0 arial;
	visibility:hidden;
}

.u,a.u
{
	text-decoration:underline;
}

.nu,a.nu
{
	text-decoration:none;
}

body {
	font-size: 2.2rem;
	line-height: 1.6;
	font-family: "PingFangSC-Light","microsoft yahei";
	-webkit-text-size-adjust: 100%;
}

.page {
	width: 750px;
	height: 1180px;
	position: relative;
}

body * {
	
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}

@-webkit-keyframes bottomMove {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,250px,0);
    transform: translate3d(0,250px,0);
  }

  90% {
    opacity: 1;
  }

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	}
}

@keyframes bottomMove {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,250px,0);
    transform: translate3d(0,250px,0);
  }

  90% {
    opacity: 1;
  }

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	}
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0.2;
    -webkit-transform: scale3d(.1, .1, .1);
    transform: scale3d(.1, .1, .1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0.2;
    -webkit-transform: scale3d(.1, .1, .1);
    transform: scale3d(.1, .1, .1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  opacity: 1;
  }
}


@-webkit-keyframes topMove {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-250px,0);
    transform: translate3d(0,-250px,0);
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}

@keyframes topMove {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-250px,0);
    transform: translate3d(0,-250px,0);
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,0,0) scale3d(1.6,1.6,1);
    transform: translate3d(0,0,0) scale3d(1.6,1.6,1);
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    transform: translate3d(0,0,0) scale3d(1,1,1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,0,0) scale3d(1.6,1.6,1);
    transform: translate3d(0,0,0) scale3d(1.6,1.6,1);
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    transform: translate3d(0,0,0) scale3d(1,1,1);
  }
}

</style>	
	<style>
.w-page0
{
	background:url(assets/bg_page_0.jpg);
	background-size:cover;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    opacity: 0;
}
#wrapper .w-page0 {
	transform-origin: center;
    -webkit-transform-origin: center;
}
.w-page0.animate-first {
	-webkit-animation:.8s scaleIn forwards;
	animation:.8s scaleIn forwards;
}

.w-page0 .logo
{
	position:absolute;
	right:26px;
	top:30px;
}

.w-page0 .name
{
	opacity:0;
	-webkit-animation:.8s bottomMove forwards;
	animation:.8s bottomMove forwards;
	margin:160px 0 0 90px;
}

.w-page0 span
{
	opacity:0;
	-webkit-animation:.8s bottomMove forwards .5s;
	animation:.8s bottomMove forwards .5s;
	margin:40px 0 0 90px;
}

.w-page0 h2
{
	font-size:2rem;
	text-align:center;
	position:absolute;
	width:100%;
	bottom:60px;
	color:#fff;
}

.w-page0 h2 strong
{
	border-radius:20px;
	border:1px solid #ccc;
	font-weight:100;
	opacity:0;
	-webkit-animation:.8s zoomIn forwards .5s;
	animation:.8s zoomIn forwards .5s;
	padding:4px 20px;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.w-page1
{
	background:url(assets/bg_page_1.jpg) no-repeat top center #f2f4f6;
}

.w-page1 form
{
	position:absolute;
	bottom:60px;
	width:460px;
	left:50%;
	margin-left:-230px;
	opacity:0;
	-webkit-animation:.8s bottomMove forwards;
	animation:.8s bottomMove forwards;
}

.w-page1 h3
{
	font-size:3.8rem;
	color:#144774;
	text-align:center;
	font-weight:700;
	margin-bottom:20px;
	padding:10px;
}

.w-page1 input
{
	display:block;
	width:100%;
	border:1px solid #144774;
	margin-top:20px;
	padding:8px 10px;
	font-size: 2.4rem;
}

.w-page1 select
{
	width:100%;
	font-size: 2.4rem;
	margin-top:20px;
	border:1px solid #144774;
	border-radius: 3px;
	-webkit-appearance: none;
	height: 44px;
	padding-left: 8px;
	background: url(assets/bg-select.png) no-repeat right top; 
}

.w-page1 p select
{
	width:45%;
	margin-top:20px;
}

.w-page1 p select:first-child
{
	margin-right:7.5%;
}

.w-page1 em {
	display: block;
	color: #144774;
	margin-top: 20px;
	font-size: 1.7rem;
}

.w-page1 button {
	display: block;
	background-color: #144774; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 2.6rem;
    width: 100%;
	margin-top: 20px;
}

.w-page2
{
	background:url(assets/bg_page_2.jpg) no-repeat bottom center #fff;
}

.w-page2 .power
{
	position:absolute;
	right:40px;
	top:-50px;
	opacity:0;
	-webkit-animation:.4s fadeIn forwards .5s;
	animation:.4s fadeIn forwards .5s;
}

.w-page2 .title
{
	opacity:0;
	-webkit-animation:.8s bottomMove forwards;
	animation:.8s bottomMove forwards;
	margin:35% 0 35px 90px;
}

.w-page2 span
{
	opacity:0;
	-webkit-animation:.8s bottomMove forwards .1s;
	animation:.8s bottomMove forwards .1s;
	margin:20px 0 0 90px;
}

.w-page3
{
	background:url(assets/bg_page_3_bottom.jpg) no-repeat bottom center #fff;
}

.w-page3 div
{
	height:516px;
	background:url(assets/bg_page_3_top.jpg) no-repeat top center;
}

.w-page3 .title
{
	opacity:0;
	-webkit-animation:.8s bottomMove forwards;
	animation:.8s bottomMove forwards;
	margin:-30% 0  35px 90px;
}

.w-page4
{
	background:url(assets/bg_page_4_bottom.jpg) no-repeat bottom center #fff;
}

.w-page4 div
{
	height:554px;
	background:url(assets/bg_page_4_top.jpg) no-repeat top center;
}

.w-page4 .title
{
	opacity:0;
	-webkit-animation:.8s bottomMove forwards;
	animation:.8s bottomMove forwards;
	margin:-30% 0 35px 90px;
}

.w-page5
{
	background:url(assets/bg_page_5_bottom.jpg) no-repeat bottom center #fff;
}

.w-page5 div
{
	height:513px;
	background:url(assets/bg_page_5_top.jpg) no-repeat top center;
}

.w-page5 .title
{
	opacity:0;
	-webkit-animation:.8s bottomMove forwards;
	animation:.8s bottomMove forwards;
	margin:-18% 0 35px 90px;
}

.w-page6
{
	background:url(assets/bg_page_6_bottom.jpg) no-repeat bottom center #fff;
}

.w-page6 div
{
	height:326px;
	background:url(assets/bg_page_6_top.jpg) no-repeat top center;
}

.w-page6 .title
{
	opacity:0;
	-webkit-animation:.8s bottomMove forwards;
	animation:.8s bottomMove forwards;
	margin:-5% 0 35px 90px;
}

.w-page7
{
	background:url(assets/bg_page_7_bottom.jpg) no-repeat bottom center #fff;
}

.w-page7 div.top
{
	height:406px;
	background:url(assets/bg_page_7_top.jpg) no-repeat top center;
	position: relative;
}

.w-page7 div.top img
{
	position: absolute;
	margin-left:90px;
	margin-top:130px;
	opacity:0;
	-webkit-animation:.8s bottomMove forwards;
	animation:.8s bottomMove forwards;
}

.w-page7 section
{
	background:#d0d0d0;
	margin:0 25px;
	padding:15px;
}

.w-page7 .page7-container
{
	height:440px;
}

.w-page7 .swiper-container .swiper-button-prev
{
	background:url(assets/arrow-left.png) no-repeat;
	width:31px;
	height:60px;
}

.w-page7 .swiper-container .swiper-button-next
{
	background:url(assets/arrow-right.png) no-repeat;
	width:31px;
	height:60px;
}

.w-page7 .page7-container-small
{
	height:165px;
	margin-top:20px;
}
/*.w-page7 .page7-container-small .swiper-slide {
    opacity: 0.4;
}
.w-page7 .page7-container-small .swiper-slide-active {
    opacity: 1;
}*/

.w-page3 header,.w-page5 header
{
	margin-left:90px;
	margin-top:-160px;
	opacity:0;
	-webkit-animation:.8s bottomMove forwards;
	animation:.8s bottomMove forwards;
}

.w-page3 span,.w-page4 span,.w-page5 span,.w-page6 span
{
	margin-left:90px;
	opacity:0;
	-webkit-animation:.8s bottomMove forwards .1s;
	animation:.8s bottomMove forwards .1s;
}
</style>
<link rel="stylesheet" href="assets/swiper.min.css">
<link rel="stylesheet" href="assets/loaders.min.css">
<style type="text/css">
/*	.swiper-container-all {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }*/

    #wrapper {
		overflow: hidden;
		position: relative;
	}
	#wrapper .inner{
  -webkit-transition: -webkit-transform 0.8s ease; 
          transition: transform 0.8s ease; 
		
	}
	#wrapper .content {
		-webkit-transform-origin: center 85px 0;
		transform-origin:  center 85px 0;
	}
	#wrapper .page {
		overflow:hidden;
	/*	-webkit-transform-origin: 0 0;
		transform-origin: 0 0;*/
	}
	#wrapper .dots {
		position: absolute;
		right: 20px;
		width: 10px;
		top: 50%;
		z-index: 9999;
		display:none;
	}
	#wrapper .animate-el {
		display: none;
	}
	#wrapper .animation .animate-el {
		display:block;
	}
#js_loading {
	position: fixed;
	left: 0;
	top: 0;
	background: #666;
	width: 100%;
	height: 100%;
	z-index: 99999;
}
#js_loading .loader-inner {
	position: absolute;
	left: 0px;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 70px;
}
#js_loading .loader-inner span {
	position: absolute;
	width: 100%;
	bottom: -20px;
	left: -10px;
	color: #fff;
	font-size: 1.4rem;
}
</style>
<script src="assets/preloadjs-0.6.0.min.js"></script>
<script>
    var images;
    var count=0;
    var manifest= [{"src":"assets/arrow-left.png","id":"arrow-left"},{"src":"assets/arrow-right.png","id":"arrow-right"},{"src":"assets/bg-select.png","id":"bg-select"},{"src":"assets/bg_page_0.jpg","id":"bg_page_0"},{"src":"assets/bg_page_1.jpg","id":"bg_page_1"},{"src":"assets/bg_page_2.jpg","id":"bg_page_2"},{"src":"assets/bg_page_3_bottom.jpg","id":"bg_page_3_bottom"},{"src":"assets/bg_page_3_top.jpg","id":"bg_page_3_top"},{"src":"assets/bg_page_4_bottom.jpg","id":"bg_page_4_bottom"},{"src":"assets/bg_page_4_top.jpg","id":"bg_page_4_top"},{"src":"assets/bg_page_5_bottom.jpg","id":"bg_page_5_bottom"},{"src":"assets/bg_page_5_top.jpg","id":"bg_page_5_top"},{"src":"assets/bg_page_6_bottom.jpg","id":"bg_page_6_bottom"},{"src":"assets/bg_page_6_top.jpg","id":"bg_page_6_top"},{"src":"assets/bg_page_7_bottom.jpg","id":"bg_page_7_bottom"},{"src":"assets/bg_page_7_top.jpg","id":"bg_page_7_top"},{"src":"assets/img-big-1.jpg","id":"img-big-1"},{"src":"assets/img-big-2.jpg","id":"img-big-2"},{"src":"assets/img-big-3.jpg","id":"img-big-3"},{"src":"assets/logo.png","id":"logo"},{"src":"assets/name.png","id":"name"},{"src":"assets/page2-power.png","id":"page2-power"},{"src":"assets/page2-title.png","id":"page2-title"},{"src":"assets/page3-title.png","id":"page3-title"},{"src":"assets/page4-title.png","id":"page4-title"},{"src":"assets/page5-title.png","id":"page5-title"},{"src":"assets/page6-title.png","id":"page6-title"},{"src":"assets/page7-title.png","id":"page7-title"}];

    function init(){
        loading();
    }
    function loading() {
        images = images || {};
        var loader = new createjs.LoadQueue(false);
        loader.addEventListener('fileload', handleFileLoad);
        loader.addEventListener('complete', handleComplete);
        loader.loadManifest(manifest);
    }
    function handleFileLoad(evt) {
        if (evt.item.type == 'image') {
            images[evt.item.id] = evt.result;
        }
        count++;
        console.log('加载进度'+'loading '+(Math.floor(count/manifest.length*100))+'%');
        $('#info').html((Math.floor(count/manifest.length*100))+'%');
    }

    function handleComplete(evt) {
        console.log('加载完成');
        console.log('加载到的图片示例'+images['logo']);
        $('#js_loading').hide();
        $('#js_page0').addClass('animate-first');
    }
</script>
</head>
<body onload="init();" class="zm zmmobile">
<div id="js_loading">
	<div class="loader-inner ball-spin-fade-loader">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <span id="info">0%</span>
    </div>
    
</div>
<div id="wrapper">
    <div class="inner">


	<div class="w-page0 page" id="js_page0">
		<img class="logo animate-el" src="assets/logo.png" width="110" height="110" />
		<img class="name animate-el" src="assets/name.png" width="492" height="72" />
		<span class="animate-el">
			AWD 全时四驱版  现搭载 Drive-E 全新上市 <br/>
			全系首付低至 40%   2年0利率
		</span>
		<h2><strong>携手中央电视台大型纪录片《极地》探寻心路</strong></h2>
	</div>

	<div class="w-page1 page">
		<form class="animate-el" onsubmit="onFrmSubmit(this);return false;">
			<h3>沃尔沃诚邀您试驾体验</h3>
			<input type="text" name="customer_name" placeholder="姓名" id="js_name"/>
			<select name="customer_sex" id="js_sex">
				<option value=''>请选择性别</option>
				<option value='1'>男</option>
				<option value='2'>女</option>
			</select>
			<input type="tel" name="customer_phone" placeholder="手机号码" id="js_phone"/>
			<p>
				<select name="customer_province" id="js_province">
					<option>请选择省份</option>
				</select>
				<select name="customer_city" id="js_city">
					<option>请选择城市</option>
				</select>
			</p>
			<select name="customer_sex" id="js_shop">
				<option>请选择经销商</option>
			</select>
			<em>* 您的信息将只用于沃尔沃相关市场活动，不会透露给第三方</em>
			<button type="submit">确认提交</button>
		</form>
	</div>
	<!-- WIDGET-page2-BOF -->
	<div class="w-page2 page">
		<img class="power animate-el" src="assets/page2-power.png" width="346" height="356" />
		<img class="title animate-el" src="assets/page2-title.png" width="325" height="125" />
		<span class="animate-el">
			2017款XC60全系搭载Drive-E T5 2.0T涡轮增压发动机， <br/>
			并配备8速手自一体变速箱。最大功率为245马力， <br/>
			最大扭矩350牛米，百公里加速仅需7.2秒；<br/>
			匹配AWD全时四驱系统的强劲组合，<br/>
			并拥有230mm超高车身离地间隙，把崎岖化为驾趣，<br/>
			实现全天候、全路况的无忧畅行。
		</span>
	</div>
	<!-- WIDGET-page2-EOF -->

	<!-- WIDGET-page3-BOF -->
	<div class="w-page3 page">
		<div></div>
		<img class="title animate-el" src="assets/page3-title.png" width="268" height="118" />
		<span class="animate-el">
			以人体工程学为基础设计的座椅，<br/>
			从大腿到肩膀将人体舒适地包裹其中。<br/>
			即使驾驶数小时亦不会感到疲倦。<br/>
			Harman Kardon® 尊贵音响系统，<br/>
			配合Dirac Live®声场提升技术，<br/>
			为您开启震撼的听觉盛宴。<br/>
		</span>
	</div>
	<!-- WIDGET-page3-EOF -->

	<!-- WIDGET-page4-BOF -->
	<div class="w-page4 page">
		<div></div>
		<img class="title animate-el" src="assets/page4-title.png" width="433" height="128" />
		<span class="animate-el">
			通过中控台7英寸液晶显示屏及方向盘上的滚轮与按键，<br/>
			您可便捷、轻松地与爱车互联，<br/>
			随时获取包括导航、影音娱乐、温度控制等在内的各种信息服务。<br/>
			更可通过Volvo On Call随车管家系统与您的车辆连接，<br/>
			享受卓越的便捷性、防护性和安全性。<br/>
		</span>
	</div>
	<!-- WIDGET-page4-EOF -->

	<!-- WIDGET-page5-BOF -->
	<div class="w-page5 page">
		<div></div>
		<img class="title animate-el" src="assets/page5-title.png" width="256" height="128" />
		<span class="animate-el">
			在复杂的城市路况中，<br/>
			CITY SAFETY增强版城市安全系统<br/>
			可以防止您撞上前方突然停驶的车辆。<br/>
			这项先进的智能安全系统能感应到即将发生的碰撞并采取措施。<br/>
			紧急情况下，会对汽车实施紧急刹车。<br/>
			此项科技现已于XC60全系匹配。
		</span>
	</div>
	<!-- WIDGET-page5-EOF -->

	<!-- WIDGET-page6-BOF -->
	<div class="w-page6 page">
		<div></div>
		<img class="title animate-el" src="assets/page6-title.png" width="379" height="129" />
		<span class="animate-el">
			CZIS主动式座舱清洁系统和IAQS车内空气质量控制系统，<br/>
			可以有效减少车内积聚的挥发性气体。<br/>
			自动隔绝车外的大气污染和有毒空气污染物。
		</span>
	</div>
	<!-- WIDGET-page6-EOF -->

	<!-- WIDGET-page7-BOF -->
	<div class="w-page7 page">
		<div class="top"><img src="assets/page7-title.png" width="290" height="121" /></div>

		<section>
			<div class="swiper-container page7-container">
			    <div class="swiper-wrapper">
					<img class="swiper-slide" src="assets/img-big-1.jpg" width="680" height="441" />
					<img class="swiper-slide" src="assets/img-big-2.jpg" width="680" height="441" />
					<img class="swiper-slide" src="assets/img-big-3.jpg" width="680" height="441" />
			    </div>
			    <div class="swiper-button-prev swiper-button-prev-big"></div>
			    <div class="swiper-button-next swiper-button-next-big"></div>
			</div>

			<div class="swiper-container page7-container-small">
			    <div class="swiper-wrapper">
					<img class="swiper-slide" src="assets/img-big-1.jpg" width="222" height="145" />
					<img class="swiper-slide" src="assets/img-big-2.jpg" width="222" height="145" />
					<img class="swiper-slide" src="assets/img-big-3.jpg" width="222" height="145" />
			    </div>
			    <div class="swiper-button-prev swiper-button-prev-small"></div>
			    <div class="swiper-button-next swiper-button-next-small"></div>
			</div>
		</section>



	</div>

	</div>
</div>


<script type="text/javascript" src="assets/swiper.min.js"></script>
<script type="text/javascript" src="assets/z.js"></script>
 <script>        
  var swiperBig = new Swiper('.page7-container',{
	nextButton: '.swiper-button-next-big',
        prevButton: '.swiper-button-prev-big',
        controlInverse:true,
        onTransitionEnd:function(swiper) {
			console.log(swiper.activeIndex,11);
        	swiperSmall.slideTo(swiper.activeIndex);
        	swiperSmall.update(true);
        }
	});

	var swiperSmall = new Swiper('.page7-container-small',{
		nextButton: '.swiper-button-next-small',
        prevButton: '.swiper-button-prev-small',
		pagination: '.swiper-pagination',
        slidesPerView: 3,
        spaceBetween: 20,
        touchRatio: 0.2,
        controlInverse:true,
        slideToClickedSlide: true,
        onClick:function(swiper,e){
        	console.log(swiper.activeIndex,swiper.clickedIndex,22);
        	swiper.slideTo(swiper.clickedIndex);
        	swiper.update(true);
        	swiperBig.slideTo(swiper.clickedIndex);
        }
    });
    swiperBig.params.control = swiperSmall;
    swiperSmall.params.control = swiperBig;


// begin core function
var province = document.getElementById('js_province');
var city = document.getElementById('js_city');
var shop = document.getElementById('js_shop');

function initLinkData() {
	shopList.unshift({"name":"请选择省份","city":[]})
	for(var p = 0,pl = shopList.length; p < pl; p++) {
		shopList[p]['city'].unshift({"name":"请选择城市","shop":[]});
		for(var c=0,cl = shopList[p]['city'].length; c < cl; c++) {
			shopList[p]['city'][c]['shop'].unshift({"name":"请选择经销商"});
		}
	}
}

function renderArea(list,selectedIndex,el) {
	var html = [];
	for(var i =0,len=list.length; i < len;i++) {
		var d = list[i];
		html.push('<option value="'+(d.name)+'" '+(selectedIndex == i ? 'selected="selected"' : '')+'>'+d.name+'</option>');
	}
	el.innerHTML = html.join('');
}

//pass last select value
function setLinkValue(code) {
	//first find all index;
	var index = 0,cityindex = 0,shopindex =0,isfind=false;
	if(code) {
		for(var p = 0,pl = shopList.length; p < pl; p++) {
			for(var c=0,cl = shopList[p]['city'].length; c < cl; c++) {
				for(var s=0,sl=shopList[p]['city'][c]['shop'].length; s<sl;s++) {
					if(shopList[p]['city'][c]['shop'][s].code == code) {
						index = p;
						cityindex = c;
						shopindex = s;
						isfind = true;
						break;
					}
				}
				if(isfind) break;
			}
			if(isfind) break;
		}
	}
	renderArea(shopList,index,province);
	renderArea(shopList[index]['city'],cityindex,city);
	renderArea(shopList[index]['city'][cityindex]['shop'],shopindex,shop);
}

province.onchange = function(e) {
	var index = province.selectedIndex;
	renderArea(shopList[index]['city'],0,city);
	renderArea(shopList[index]['city'][0]['shop'],0,shop);
}
city.onchange = function(e) {
	var index = province.selectedIndex;
	var cityindex = city.selectedIndex;
	renderArea(shopList[index]['city'][cityindex]['shop'],0,shop);
}

initLinkData();
setLinkValue(); //pass none set default; pass existed value ,set value;
//end core function

    // var swiper = new Swiper('.swiper-container-all', {
    //     pagination: '.swiper-pagination',
    //     direction: 'vertical',
    //     slidesPerView: 1,
    //     mousewheelControl: true
    // });

    function getDomSelectValue(id) {
    	var el = document.getElementById(id);
    	var index = el.selectedIndex;
    	return el.options[el.selectedIndex].value;
    }

    function onFrmSubmit(frm) {
    	var name = $('#js_name').value;
    	if(!name) {
    		alert('请输入姓名!');
    		return;
    	}
    	var phone = $('#js_phone').value;
    	if(!name) {
    		alert('请输入手机号码!');
    		return;
    	}
    	var sex = getDomSelectValue('js_sex');
    	if(!sex) {
    		alert('请选择性别!');
    		return;
    	}
    	var province = getDomSelectValue('js_province');
    	if(!province) {
    		alert('请选择省份!');
    		return;
    	}
    	var city = getDomSelectValue('js_city');
    	if(!city) {
    		alert('请选择城市!');
    		return;
    	}
    	var shop = getDomSelectValue('js_shop');
    	if(!shop) {
    		alert('请选择经销商!');
    		return;
    	}
    	var params = {
    		'customer_name' : name,
    		'customer_phone' : phone,
    		'customer_sex' : sex,
    		'customer_province' : province,
    		'customer_city' : city,
    		'customer_shop' : shop
    	};
    	console.log(params);
    	$.ajax({
    		url: 'http://ghac.twomi.cn/api_volvo/initCustomer',
    		params: params,
    		success: function(data) {
    			console.log(data);
    			alert('预约成功!');
    		}
    	});
    }
  </script>
<!-- WIDGET-page7-EOF -->

<script>
$.isMobile = function(){
    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
};
$.fn.OnePage = function(config) {
    var s = document.createElement('p').style,
            supportsTransitions = 'transition' in s ||
                                    'WebkitTransition' in s ||
                                    'MozTransition' in s ||
                                    'msTransition' in s ||
                                    'OTransition' in s
            ,isTouchWebkit = "ontouchstart" in window && "WebKitCSSMatrix" in window,
            touchstart = "touchstart", touchmove = "touchmove", touchend = "touchend"
            ,me = this, resetOriginX = 0;
    //config
    config = $.extend({
        scale:1,
        draggable:true,
        moveStart:function(current,prev,wrap) {},
        moveEnd:function(current,prev,wrap) {}
    },config);

    if (config.draggable && !isTouchWebkit) {
        touchstart = "mousedown";
        touchmove = "mousemove";
        touchend = "mouseup";
    };

    var wrap = $('.inner',me)[0],pages = $('.page',me),mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel"
        ,inAnim = false,current = 0,prev = 0,count = pages.length
        ,x = 0,offset = 0,originX = 0,win = $(window),inTouch = false,time = wrap.css('transition-duration');
    time = typeof(time) == 'undefined' ? 10 : (time.indexOf('ms') > -1 ? parseFloat(time) : (parseFloat(time)*1000));
    me.css({'height':$.winSize(1)/config.scale+'px'});
    me.css({'overflow':supportsTransitions?'hidden':'auto'});
    

    var dotwrap = document.createElement('ul');
    if(!supportsTransitions) dotwrap.style.display = 'none';
    me.append(dotwrap);
    dotwrap = $(dotwrap);
    dotwrap.addClass('dots');
    dotwrap.html((new Array(count+1)).join('<li></li>'));
    //dotwrap.css({'margin-top':'-'+dotwrap.zmheight()/2+'px'});
    var dots = $('li',dotwrap);
    dots[0].addClass('selected');
    $.each(dots,function(i,el) {
        el.data('index',i);
        el.on('click',function() {
            me.movePage($(this).data('index'));
        });
    });

    //
    $.each(pages,function (i,el) {
        
        el.removeClass('animation');
        el.css({'height':$.winSize(1)+'px','height':$.winSize(1)+'px'});
        
            var els = $('.content',el);
            if(els.length > 0 && els[0].tagName == 'DIV') {
                var h = parseInt(els[0].css('height'));
                els[0].data('h',h);
                if($.winSize(1) < h) {
                    var s = $.winSize(1)/h;
                    els[0].css({'transform':'scale('+s+','+s+')'});
                }
            }
    });
    pages[0].addClass('animation');

    $(window).on('resize',function() {
        $.each(pages,function (i,el) {
            el.css({'height':$.winSize(1)+'px'});
            var els = $('.content',el);
            if(els.length > 0 && els[0].tagName == 'DIV') {
                var h = parseInt(els[0].data('h'));
                if($.winSize(1) < h) {
                    var s = $.winSize(1)/h;
                    els[0].css({'transform':'scale('+s+','+s+')'});
                }
            }
        });
        me.css({'height':$.winSize(1)+'px'});
        originX = current*$.winSize(1);
        wrap.css({'transition-duration':0+'ms','transform':'translate3d(0,-'+originX+'px,0)'});
        setTimeout(function() {
            wrap.css({'transition-duration':time+'ms'});
        },50);
    });
    
    
    function _moving(onevent) {
        originX = current*$.winSize(1)/config.scale;
        wrap.css({'transform':'translate3d(0,-'+originX+'px,0)'});
        dots[prev].removeClass('selected');
        dots[current].addClass('selected');
        if(time == 0) {
            if(prev == current) return;
            pages[prev].removeClass('animation');
            pages[current].addClass('animation');
            inAnim = false;
            onevent || config.moveEnd(current,prev,me);
        } else {
            setTimeout(function() {
                if(prev == current) return;
                pages[prev].removeClass('animation');
                pages[current].addClass('animation');
                inAnim = false;
                onevent || config.moveEnd(current,prev,me);
            },time);
        }
        onevent || config.moveStart(current,prev,me);
    };

    this.movePage = function(index) {
        if(index == current) return;
        prev = current;
        current = index;
        _moving();
    };
    this.nextPage = function() {
        prev = current;
        current = Math.min(current+1,count-1);
        _moving();
    };
    this.prevPage = function() {
        prev = current;
        current = Math.max(current-1,0);
        _moving();
    };
    this.reset = function() {
        prev = current;
        current = 0;
        wrap.css({'transition-duration':0+'ms'});
        _moving();
        //wrap.css({'transition-duration':time+'ms'});
    };
    if(supportsTransitions) {
        $(window).on(mousewheelevt,function (e){
            var delta = e.wheelDelta ? (e.wheelDelta / 120) : (- e.detail / 3);
            if(!inAnim && Math.abs(delta) > 0.6) {
                inAnim = true;
                if(delta < 0) {
                    me.nextPage();
                } else if(delta>0) {
                    me.prevPage();
                }
            }
            e.stopPropagation();
            e.preventDefault();
            });
    };

    me.on(touchstart,function(e){
        if(inAnim) return;
        inTouch = true;
        x = e.changedTouches && isTouchWebkit ? e.changedTouches[0].pageY:e.pageY;
        resetOriginX = x;

        wrap.css({'transition-duration':0+'ms'});
        
    });
    me.on(touchmove,function(e){
        if(inAnim) return;
        if(!inTouch) return;
        var _x = (e.changedTouches && isTouchWebkit) ? e.changedTouches[0].pageY:e.pageY;
        offset = _x - x;
        x = _x;
        originX -= offset;
        wrap.css({'transform':'translate3d(0,-'+originX+'px,0)'});
        e.preventDefault();
    });
    win.on(touchend,function(e){
        if(inAnim) return;
        if(!inTouch) return;
        inTouch = false;
        var _x = e.changedTouches && isTouchWebkit ? e.changedTouches[0].pageY:e.pageY;
        offset = _x - x;
        x = _x;
        originX -= offset;
        wrap.css({'transition-duration':time+'ms'});

        if(Math.abs(_x - resetOriginX) > 100) {
            (_x < resetOriginX) ? me.nextPage() : me.prevPage();
        } else {
            _moving(true);
        }
    });

    this.pages = pages;
    return this;
};

var onepage = $('#wrapper').OnePage({
	scale: 1
});
</script>
<script type="text/javascript">
	function GetQueryString(name)
{
	 var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
	 var r = window.location.search.substr(1).match(reg);
	 if(r!=null)return  unescape(r[2]); return null;
};
var bid = GetQueryString('bid');
var mapid = GetQueryString('mapid');
var msg = "VolvoXC60Wap load success :bid="+bid+"&mapid="+mapid;
 $.ajax({
	 url: "http://site.pxene.com/zanadu/logger.php?custom_msg="+"load success:"+msg,
	 success: function(data)
	 {
         //do nothing
	 }
});
</script>

	</body>
</html>
